<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I embed an image in a text box?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I embed an image in a text box?</h1></div>
<div>



      <div class="step screensteps-section screensteps-depth-1" id="position-the-cursor">
    <h2 class="step-title screensteps-heading">Position the cursor.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/231/338/original/a3e23e72-5219-486a-9b2c-6d3c272c1eda.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/231/338/medium/a3e23e72-5219-486a-9b2c-6d3c272c1eda.png" alt="" height="289" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_D7D4E90F-A6DE-48E8-AC0B-839603D747AB" class="text-block-content">
    <p>Position your cursor in the text box at the point you want to embed the image.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-on-the-insert-edit-image-icon">
    <h2 class="step-title screensteps-heading">Click on the Insert/Edit Image icon.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/361/558/original/fa975cb2-11c0-473c-b03c-6228f15a7fdd.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/361/558/medium/fa975cb2-11c0-473c-b03c-6228f15a7fdd.png" alt="" height="289" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_25888C00-1AC0-4786-BD1F-D50CD1702DD7" class="text-block-content">
    <p>This displays the image properties dialog box.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Browse Server.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/231/332/original/2845d3e8-fc47-46a0-93ae-1ba0cf8cde61.png" alt="" height="349" width="275">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="upload-the-image-file">
    <h2 class="step-title screensteps-heading">Upload the image file.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/005/161/001/original/6f257a3b-d5b4-42b8-8510-bf492ab7af70.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/005/161/001/medium/6f257a3b-d5b4-42b8-8510-bf492ab7af70.png" alt="" height="495" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_8F178EDB-EA61-47DE-8B8B-2502C52E56F0" class="text-block-content">
    <p>Select the folder where you want to store the image file (i.e., Resources or Lessons) then click on the<strong> Upload File</strong> icon.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="or-drop-files-or-paste-urls-or-clipboard-images">
    <h3 class="step-title screensteps-heading">Drop files or paste URLs or clipboard images.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/231/354/original/a8399f55-caa8-479c-80dd-0e1e0eb38ac0.png" alt="" height="200" width="326">
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-select-files">
    <h3 class="step-title screensteps-heading">Or, click Select files.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/231/336/original/299fe0b1-3c1f-4117-82c6-3c84fdecc483.png" alt="" height="200" width="326">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_8385AD2D-9E2C-434C-9A81-504727A70A0E" class="text-block-content">
    <p>This displays an upload file dialog box.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-3" id="locate-and-select-the-image-file-on-your-computer-then-click-open">
    <h4 class="step-title screensteps-heading">Locate and select the image file on your computer, and then click Open</h4>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/231/350/original/2a3a6725-b737-449f-b426-93b3587fefae.png" alt="" height="480" width="688">
  </div>
 
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2">
    <h3 class="step-title screensteps-heading">Click OK.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/231/344/original/fa5556df-21ac-4dd5-b6cf-41b1bd8f680d.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/231/344/medium/fa5556df-21ac-4dd5-b6cf-41b1bd8f680d.png" alt="" height="493" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_DAA93CD1-9500-4A67-9FB0-BD3A91DE1A6D" class="text-block-content">
    <p>This returns the display to the file browser window. The uploaded file will be selected. Click <strong>OK</strong> to continue.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="modify-image-properties-optional">
    <h2 class="step-title screensteps-heading">Modify image properties. (Optional)</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/003/231/342/original/035def52-9c16-4d6d-ab54-1a3f3314b290.png" alt="" height="351" width="277">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_7AEE28D1-53DF-474C-A122-353C418D89EE" class="text-block-content">
    <p>Adjust the image width and height if needed and add an alternative text for screen readers.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="set-the-alignment">
    <h3 class="step-title screensteps-heading">Set the Alignment.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/161/003/original/7b761df1-259b-4562-a78a-d07144a66723.png" alt="" height="351" width="277">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_E2482848-F213-4227-8DB3-ABB47B1232C7" class="text-block-content">
    <p>Set the Alignment (left, right, or center) for the image if you want to surround the image with text.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-ok_1">
    <h3 class="step-title screensteps-heading">Click OK.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/161/005/original/6edfb55d-9860-4992-ae73-d9bef5ce7e36.png" alt="" height="351" width="277">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_2D882265-5FFC-4B28-95C8-E8172AE75099" class="text-block-content">
    <p>This returns the display to the text box with the embedded image.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="example-of-additional-text-displayed-next-to-a-left-aligned-image">
    <h3 class="step-title screensteps-heading">Example of additional text displayed next to a left-aligned image.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/231/346/original/9841da92-8628-4229-994a-3bfad35a372b.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/231/346/medium/9841da92-8628-4229-994a-3bfad35a372b.png" alt="" height="290" width="855">
      </a>
  </div>
 
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
